<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="renderer" content="webkit">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- <meta http-equiv="Cache-Control" content="max-age=86400" /> -->
        <link rel="shortcut icon" href="../static/image/favicon.ico" type="image/x-icon">
        <meta name="author" content="luoyanming">
        <meta name="email" content="13575458746@163.com">
        <meta name="description" content="luoym的个人博客（www.luoym.com）,记录WEB前端学习过程中的点滴！">
        <meta name="keywords" content="luoym,前端开发,代码,程序员,web前端,blog,博客,html,html5,css,css3,js,javascript,jquery,gulp,scss,sass,插件">
        <title>luoym - WEB前端</title>
        <link rel="stylesheet" href="../static/style/luoym.css">
    </head>

    <body>

        <header class="header">
            <div class="container">
                <a href="javascript:void(0);" class="logo clearfix">
                    <i></i>
                    <p>
                        <span class="iconfont icon-l"></span>
                        <span class="iconfont icon-u"></span>
                        <span class="iconfont icon-o"></span>
                    </p>
                </a>
                <a href="javascript:void(0);" class="btn-nav">
                    <span class="line line-1"></span>
                    <span class="line line-2"></span>
                </a>
            </div>
        </header>

        <nav class="navbar">
            <div class="container">
                <ul class="clearfix">
                    <li class="nav-active">
                        <a href="javascript:void(0);">
                            <p>首页</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">
                            <p>web前端</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">
                            <p>Demo</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">
                            <p>图集</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">
                            <p>我</p>
                        </a>
                    </li>
                </ul>
            </div>
        </nav>

        <section class="main-wrap">
            <div class="container clearfix">
                
                <main class="content">
                    <article>
                        <h1><a href="javascript:void(0);">Laravel 5.3 正式发布</a></h1>
                        <p>Laravel 项目组自豪地宣布 Laravel 5.3 正式发布了 ！5.3 版本中的新增特性主要集中在提升开发速度，通过增强常见任务的开箱即用功能提升开发效率。 此版本是常规发布版本;</p>
                        <time class="time">2016-12-30 17:11:10</time>
                    </article>
                    <article>
                        <h1><a href="javascript:void(0);">Laravel 5.3 正式发布</a></h1>
                        <p>Laravel 项目组自豪地宣布 Laravel 5.3 正式发布了 ！5.3 版本中的新增特性主要集中在提升开发速度，通过增强常见任务的开箱即用功能提升开发效率。 此版本是常规发布版本;</p>
                        <time class="time">2016-12-30 17:11:10</time>
                    </article>
                </main>

                <aside class="sidebar">
                    
                    <div class="widget">
                        <h3>标签</h3>
                        <div class="tags">
                            <a href="javascript:void(0);">Html</a>
                            <a href="javascript:void(0);">Css</a>
                            <a href="javascript:void(0);">Javascript</a>
                            <a href="javascript:void(0);">jQuery</a>
                            <a href="javascript:void(0);">Scss</a>
                            <a href="javascript:void(0);">Gulp</a>
                            <a href="javascript:void(0);">PC</a>
                            <a href="javascript:void(0);">Mobile</a>
                            <a href="javascript:void(0);">App</a>
                            <a href="javascript:void(0);">Sublime</a>
                            <a href="javascript:void(0);">Sublime</a>
                        </div>
                    </div>

                    <div class="widget">
                        <h3>我</h3>
                        <div class="my">
                            <p><i class="iconfont icon-user"></i>骆延明</p>
                            <p><i class="iconfont icon-mobile"></i><a href="tel:13575458746">13575458746</a></p>
                            <p><i class="iconfont icon-email"></i>13575458746@163.com</p>
                            <p><i class="iconfont icon-QQ"></i>951933502</p>
                            <p><i class="iconfont icon-Male"></i>未婚</p>
                            <p><i class="iconfont icon-lmmy-addr"></i>浙江杭州</p>
                        </div>
                    </div>

                </aside>

            </div>
        </section>


        <footer class="footer">
            <div class="container clearfix">

                <div class="widget">
                    <h3>标签</h3>
                    <div class="tags">
                        <a href="javascript:void(0);">Html</a>
                        <a href="javascript:void(0);">Css</a>
                        <a href="javascript:void(0);">Javascript</a>
                        <a href="javascript:void(0);">jQuery</a>
                        <a href="javascript:void(0);">Scss</a>
                        <a href="javascript:void(0);">Gulp</a>
                        <a href="javascript:void(0);">PC</a>
                        <a href="javascript:void(0);">Mobile</a>
                        <a href="javascript:void(0);">App</a>
                        <a href="javascript:void(0);">Sublime</a>
                        <a href="javascript:void(0);">Sublime</a>
                    </div>
                </div>

                <div class="widget">
                    <h3>快速导航</h3>
                    <div class="links">
                        <a href="javascript:void(0);">HTML5中国</a>
                        <a href="javascript:void(0);">Bootstrap</a>
                        <a href="javascript:void(0);">ECharts</a>
                        <a href="javascript:void(0);">开发头条</a>
                        <a href="javascript:void(0);">TinyPNG</a>
                        <a href="javascript:void(0);">JSON校验</a>
                        <a href="javascript:void(0);">SegmentFault</a>
                        <a href="javascript:void(0);">在线Api</a>
                        <a href="javascript:void(0);">掘金</a>
                        <a href="javascript:void(0);">前端圈</a>
                        <a href="javascript:void(0);">前端里</a>
                    </div>
                </div>

                <div class="copyright">
                    <p>Copyright&nbsp;&copy;&nbsp;<span class="iconfont icon-l"></span><span class="iconfont icon-u"></span><span class="iconfont icon-o"></span></p>
                    <p><i class="iconfont icon-wsmp-icprecord"></i>浙ICP备16021390号-1</p>
                    <p><i class="iconfont icon-gonganbeian"></i>浙公网安备33010502003302</p>
                </div>

            </div>
        </footer>


        <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
        <script src="../static/script/luoym.js"></script>
    </body>
</html>

